<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 一号店搜索列表 </title>
    <link rel="stylesheet" href="./css/searchList.css">
    <link rel="stylesheet" href="../lib/font/css/font-awesome.min.css">
</head>
<body>
    <!-- 页头 -->
    <div class="head">
        <div class="header">
            <span class="left">送货至：四川</span>
            <span class="right">
                 <a href="loginpage.html">你好，请登录</a>
                 <a href="registerpage.html" class="se">免费注册</a>
                 <a href=""> |  我的订单 </a>
                 <a href=""> | 收藏夹 </a>
                 <a href=""> 客户服务</a>
                 <a href="">网站导航 |</a>
                 <span>关注我们：</span>
                 <img src="./images/sh1.png" alt="">
                 <img src="./images/sh2.png" alt="">
                 <a href="">手机版</a>
                 <i class="fa fa-mobile"></i>
             </span>

        </div>
        <div class="content">
            <div class="image">
                  <img src="./images/loginlogo.jpg" alt="">
            </div>
            <div class="search1">
                <div class="search">
                    <input type="text" placeholder="请输入关键字">
                    <div class="btn">
                        <i>搜索</i>
                    </div>
                </div>
                <p> 咖啡 iphone 6S 新鲜美食 蛋糕 日用品 连衣裙</p>
            </div>
            <button class="shopping-cart">
                <img src="./images/cars.png" alt="">
                <span>购物车</span>
            </button>
        </div>
        <div class="title">
            <h3>全部商品分类</h3>
            <ul>
                <li class="se">首页</li>
                <li class="se">自营超市</li>
                <li>一号团</li>
                <li>一号超市</li>
                <li>女装</li>
                <li>美妆</li>
                <li>一号海购</li>
                <li>团购</li>
            </ul>
            <span>
                <img src="./images/nav9.png" alt="">
                <a href=""> 手机下单惊喜多多！</a>
            </span>
        </div>


    </div>
    <!-- 主体 -->
    <div class="container">
        <div class="title">
            <span>全部</span>
            <i class="fa fa-angle-right"></i>
            <span>珠宝饰品</span>
            <i class="fa fa-angle-right"></i>
            <span>珍珠项链</span>
            <i class="fa fa-angle-right"></i>
            <a > 
                <span>品牌 ：</span> 
                <span class="se">珠韵首饰</span>
            </a>
        </div>
        <div class="box">
            <table>
                <tbody>
                    <tr>
                        <td>品牌</td>
                        <td> <span>珠韵首饰ZHUYUN JEWELLERY </span>   <span> ChowTaiFook周大福 </span>     <span>周生生ChowSangSang </span> <span> LUKFOOK六福珠宝</span>    
                          <span>老凤祥 </span>   <span>ChowTaiSeng周大生</span>    <span> 潮宏基CHJ </span> <span> BAI菜百首饰</span>  
                        </td>
                    </tr>
                    <tr>
                        <td>价格</td>
                        <td>
                            <span>0~199  </span> <span> 200~499 </span><span>500~799</span>   <span>800~1099 </span> <span> 1100~1999</span>  <span>2000~9999</span>   <span> 10000+</span>
                        </td>
                    </tr>
                    <tr>
                        <td>珠宝颜色</td>
                        <td> <span>混彩 </span> <span>黑色系</span><span> 金色系</span> <span>白色系 </span>  <span>紫色系</span>  </td>
                    </tr>
                    <tr>
                        <td>珍珠分类</td>
                        <td>
                           <span>天然海水珍珠 </span> <span> 养殖海水珍珠  </span> <span>养殖淡水珍珠</span>     <span> 天然淡水珍珠</span>
                        </td>
                    </tr>
                </tbody>
            </table>

        </div>
        <div class="history">
            <div class="title">
                <span class="left">|浏览历史</span>
                <i>清空</i>
            </div>
            <div class="images">
                <img src="./images/his_1.jpg" alt="">
                <p>精美包包</p>
                <span>$339 </span>
            </div>
            <div class="images">
                <img src="./images/his_2.jpg" alt="">
                <p>精美包包</p>
                <span>$729 </span>
            </div>
            <div class="images">
                <img src="./images/his_3.jpg" alt="">
                <p>珍珠项链</p>
                <span>$2399 </span>
            </div>
            <div class="images">
                <img src="./images/his_4.jpg" alt="">
                <p>精美珍珠耳钉</p>
                <span>$1299 </span>
            </div>
            <div class="images">
                <img src="./images/his_5.jpg" alt="">
                <p>珍珠项链</p>
                <span>$599 </span>
            </div>

        </div>
        <div class="content">
            <div class="title">
                <span class="se">默认    </span>
                <span>销量   </span>
                <span>新品   </span>
                <span>价格   </span>
                <i >共发现120件</i>
            </div>
            <div class="images">
                <img src="./images/per_1.jpg" alt="">
                <span class="se">￥198 </span><br>
                <p>海瞳7mm水滴形天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <!-- <img src="./images/heart_h.png" alt="" class="hot"> -->
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_5.jpg" alt="">
                <span class="se">￥1588 </span><br>
                <p>淡水珍珠项链圈8~9mm</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_2.jpg" alt="">
                <span class="se">￥339 </span><br>
                <p>淡水项链圈</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_3.jpg" alt="">
                <span class="se">￥599 </span><br>
                <p>[魅惑]珍珠项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_4.jpg" alt="">
                <span class="se">￥680 </span><br>
                <p>心鑫源  淡水珍珠项链套装</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_6.jpg" alt="">
                <span class="se">￥1288 </span><br>
                <p>水滴形天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_7.jpg" alt="">
                <span class="se">￥1499 </span><br>
                <p>各色天然水晶吊坠</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_8.jpg" alt="">
                <span class="se">￥399 </span><br>
                <p>天然水晶项链【加长】</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_9.jpg" alt="">
                <span class="se">￥1199 </span><br>
                <p>深海珍珠套装</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_10.jpg" alt="">
                <span class="se">￥598 </span><br>
                <p>水滴形天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_11.jpg" alt="">
                <span class="se">￥198 </span><br>
                <p>天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_12.jpg" alt="">
                <span class="se">￥198 </span><br>
                <p>天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_13.jpg" alt="">
                <span class="se">￥198 </span><br>
                <p>海瞳7~8mm水滴形天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_14.jpg" alt="">
                <span class="se">￥198 </span><br>
                <p>海瞳7~8mm水滴形天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_15.jpg" alt="">
                <span class="se">￥198 </span><br>
                <p>海瞳7~8mm水滴形天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="images">
                <img src="./images/per_16.jpg" alt="">
                <span class="se">￥198 </span><br>
                <p>海瞳7~8mm水滴形天然水晶项链</p>
                <div class="left">
                    <img src="./images/heart.png" alt="">
                    <span> 收藏</span>
                </div>
                <div class="right">
                    <img src="./images/cars.png" alt="">
                    <span class="se"> 加入购物车</span>
                </div>
            </div>
            <div class="page">
                <button>上一页</button>
                <button>1</button>
                <button>2</button>
                <button>3</button>
                <a href=""> ......</a>
                <button>20</button>
                <button>下一页</button>
            </div>

        </div>

    </div>
    <!-- 页尾 -->
    <div class="foot">
        <div class="images">
            <div class="image">
                <img src="./images/b1.png" alt=""> 
                <span class="bold">正品保障</span><br>
                <span>正品行货  放心购买</span>
            </div>
            <div class="image">
                <img src="./images/b2.png" alt=""> 
                <span class="bold">满38包邮</span><br>
                <span>满38包邮  免邮费</span>
            </div>
            <div class="image">
                <img src="./images/b3.png" alt=""> 
                <span class="bold">天天低价</span><br>
                <span>天天低价  畅选无忧</span>
            </div>
            <div class="image">
                <img src="./images/b4.png" alt=""> 
                <span class="bold">准时送达</span><br>
                <span>收货时间由你做主</span>
            </div>

        </div>
        <div class="content">
            <div class="about">
                <div class="about1">
                    <dl>
                        <dt>新手上路</dt>
                        <dd>售后流程</dd>
                        <dd>购物流程</dd>
                        <dd>订货方式</dd>
                        <dd>隐私声明</dd>
                        <dd>推荐分享说明</dd>
                    </dl>                  
                </div>
                <div class="about1">
                    <dl>
                        <dt>配送与支付</dt>
                        <dd>货到付款区域</dd>
                        <dd>配送支付查询</dd>
                        <dd>支付方式说明</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>会员中心</dt>
                        <dd>资金管理</dd>
                        <dd>我的收藏</dd>
                        <dd>我的订单</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>服务保障</dt>
                        <dd>退换货原则</dd>
                        <dd>售后服务保证</dd>
                        <dd>产品质量保证</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>联系我们</dt>
                        <dd>网站故障报告</dd>
                        <dd>购物咨询</dd>
                        <dd>投资与建议</dd>
                    </dl>
                </div>
            </div>
            <div class="code">
                <div class="image">
                    <img src="./images/er.gif" alt="" class="er-code">
                    <p>扫一扫关注我们</p>

                </div>
                <div class="image1">
                    <img src="./images/b_sh_1.png" alt=""> <span>新浪微博</span>
                    <img src="./images/b_sh_2.png" alt=""> <span>腾讯微博</span>
                    <p>服务热线</p>
                    <i>400-123-4567</i>

                </div>

            </div>

        </div>
        <div class="footer">
            <p>沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 </p>
            <img src="./images/b_1.gif" alt="">
            <img src="./images/b_2.gif" alt="">
            <img src="./images/b_3.gif" alt="">
            <img src="./images/b_4.gif" alt="">
            <img src="./images/b_5.gif" alt="">
            <img src="./images/b_6.gif" alt="">
        </div>

    </div>
</body>
</html>